<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    let arr = [1, 5, 3, 3, 9, 2, 5, 7, 9, 0, 1];
    let arr1 = ['yajie'],
        arr2 = ['啾咪'];
    // 增：
    // 1. push  
    // 语法: 数组名.push('添加的元素1'[,'添加的元素2',...])
    // 参数：要添加的元素
    // 返回值: 新数组的长度
    // 原地操作
    // let returnValue = arr.push('啾咪', '爱你啊');
    // console.log(arr);
    // console.log(returnValue);
    // 2. unshift
    // 语法: 数组名.unshift('添加的元素1'[,'添加的元素2',...])
    // 参数：要添加的元素
    // 返回值: 新数组的长度
    // 原地操作
    // let returnValue = arr.unshift('雅洁', '宝贝');
    // console.log(arr);
    // console.log(returnValue);
    // 3. concat  数组合并  
    // 语法：数组名1.concat(数组名2,数组名3,...)
    // 参数
    // 返回值：合并后的新数组
    // 不改变原数组
    // let newArr = arr.concat(arr1, arr2);
    // console.log(newArr);
    // console.log(arr);


    // 删：
    // 1. pop
    // 语法：数组名.pop()
    // 参数：无
    // 返回值：被删除的元素
    // 原地操作
    // let returnValue = arr.pop();
    // console.log(arr);
    // console.log(returnValue);
    // 2.shift
    // 参数：无
    // 返回值：被删除的元素
    // 原地操作
    // let returnValue = arr.shift();
    // console.log(arr);
    // console.log(returnValue);
    // 3. splice 删除任意一个或几个顺序排在一起的元素
    // 语法：arr.splice(从哪删，删几个)
    // 参数：从哪截，截几个
    // 返回值：被劫走的数组元素组成的数组
    // 原地操作 
    // let returnValue = arr.splice(0, 3);
    // console.log(arr);
    // console.log(returnValue);
    // 改：更新数组元素
    // arr[0] = 'pink';
    // console.log(arr);



    // 查：查找索引值
    // 1. indexOf 从头部开始查找，返回第一个匹配的元素的索引值
    // 语法：数组名.indexOf(某数组元素)
    // 参数：想要查找的数组元素
    // 返回值：从头部匹配到的第一个索引值
    // let returnValue = arr.indexOf(1);
    // console.log(returnValue);
    // 2. lastIndexOf 从尾部开始查找，返回第一个匹配的元素的索引值
    // 语法：数组名.lastIndexOf(某数组元素)
    // 参数：想要查找的数组元素
    // 返回值：从尾部匹配到的第一个索引值
    // let returnValue = arr.lastIndexOf(1);
    // console.log(returnValue);



    // 拿：获取到数组元素
    // 1.数组名[索引]
    // console.log(arr[10]);
    // 2.splice 通过截取拿到数组中的元素
    // 语法：arr.splice(从哪截，截几个)
    // 参数：从哪截，截几个
    // 返回值：被劫走的数组元素组成的数组
    // 原地操作 
    // let returnValue = arr.splice(0, 3);
    // console.log(arr);
    // console.log(returnValue);
</script>

</html>